html{
    color:#000
}
article,aside,blockquote,body,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul
{
    margin:0;
    padding:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
fieldset,img
{
    border:0
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:400
}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
*{
    /*color: #000000;*/
}
body,html {
    font-size:100%;
    position: relative;
    /*background: #1b1b1b;*/
    background: #000000;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html {
    font-size: 16px
}



@media screen and (min-width:321px) and (max-width:375px) {
    html {
        font-size: 16.5px
    }
}

@media screen and (min-width:376px) and (max-width:414px) {
    html {
        font-size: 17px
    }
}

@media screen and (min-width:415px) and (max-width:639px) {
    html {
        font-size: 17.5px
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 18px
    }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 18.5px
    }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 19px
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 20px
    }
}

.green {
    color: #0DA26A
}

.red {
    color: #f91800
}

.red_bg {
    background: #B52831
}

.green_bg {
    background: #0DA26A
}

.no_more{
    width:100%;
    display:block;
    height:4em;
    line-height:4em;
    color:#9B999A;
    text-align:center;
    margin-top:4%;
    font-size: .75rem;
    background:rgba(30,30,30,1);
}

.index_content {
    height: auto
}

.index_content header {
    border-top: 1px solid #2E2E2E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.5rem
}

.index_content header dl {
    padding-right:1%;
    overflow: hidden
}

.index_content header dt {
    overflow: hidden;
    width: 36.936%;
    float: left
}

.index_content header dt img {
    float: left;
    margin-top: 5%;
    margin-left: 5%;
    width: 35%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.index_content header dt div {
    margin-top: .875rem;
    margin-left: .375rem;
    float: left
}

.index_content header dt p {
    font-size: .8rem
}

.index_content header dt b {
    font-weight: 400;
    font-size: .8rem;
    display: block;
    margin-top: .4375rem;
    color: #fff
}

.index_content header dd {
    width: 11%;
    -webkit-border-radius: .45rem;
    -moz-border-radius: .45rem;
    border-radius: .45rem;
    float: right;
    margin-top: 1.625rem;
    position: relative;
    margin-right:2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index_content header dd span {
    position: absolute;
    width: .875rem;
    height: .875rem;
    line-height: .875rem;
    text-align: center;
    color: #fff;
    background: #7F1D1F;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: .5rem;
    top: -3px;
    right: 0
}

.index_content header dd a {
    font-size: .75rem;
    padding-left: 55%;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #fae568;
    display: block
}

.index_content header dd:nth-of-type(4) {
    background: #8A332F url(../../images/index/index_head/index_head_icon1@2x.png) no-repeat .5rem center;
    -webkit-background-size:28%;
    background-size:28%;}

.index_content header dd:nth-of-type(4) a {
    padding-left: 45%;
    width: 100%
}

.index_content header dd:nth-of-type(1) {
    margin-right: 0;
    /*background: #ffa200 url(../../images/index/index_head/index_head_icon2.png) no-repeat .65rem center;*/
    background: url(../../images/index/index_head/icon003.png) no-repeat;
    border: 1px solid #fae568;
    background-position: 16% 45%;
    background-size: 15px 15px;
    color:#fff;
}

.index_content header dd:nth-of-type(3) {
    background: url(../../images/index/index_head/icon001.png) no-repeat;
    border: 1px solid #fae568;
    background-position: 16% 45%;
    background-size: 15px 15px;
    color:#fff;
}

.index_content header dd:nth-of-type(2) {

    background: url(../../images/index/index_head/icon002.png) no-repeat;
    border: 1px solid #fae568;
    background-position: 16% 45%;
    background-size: 15px 15px;
    color:#fff;
}

.goods {
    height: 3.3125rem;
    width: 100%;
    background: #1E1E1E;
    -webkit-box-shadow: 0 1px 65px 0 rgba(0,0,0,.6);
    -moz-box-shadow: 0 1px 65px 0 rgba(0,0,0,.6);
    box-shadow: 0 1px 65px 0 rgba(0,0,0,.6)
}

.goods p{
    color: #fff;
}

.goods ul {
    overflow: hidden
}

.goods ul li {
    position: relative;
    font-size: .8125rem;
    color: #fff;
    /*width: 33.333%;*/
    width:50%;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.goods ul .current {
    border-bottom: 2px solid #fae568
}

.goods ul .current>p {
    color: #fae568
}

.goods ul li p {
    margin-top: .75rem;
    line-height: .75rem;
    margin-bottom: .375rem
}

.goods ul li b {
    display: block;
    margin-bottom: .625rem;
    line-height: .6875rem
}

.goods ul li .red_z {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 4%;
    color: #B52831;
    background: url(../../images/index/shang.png) no-repeat center
}

.goods ul li .green_d {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 4%;
    color: #0DA26A;
    background: url(../../images/index/xia.png) no-repeat center
}

.buys ul li .red_z {
    display: inline-block;
    padding-right: 10%;
    color: #B52831;
    background: url(../../images/index/shang.png) no-repeat 97% center
}

.buys ul li .green_d {
    display: inline-block;
    padding-right: 10%;
    color: #0DA26A;
    background: url(../../images/index/xia.png) no-repeat 97% center
}

.goods ul li span {
    position: absolute;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    background: #ED5E5F;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    top: .5rem;
    right: .8rem;
    font-size: .5rem
}

.game_time {
    position: relative
}

.game_time>div {
    padding-top: 52.66%;
    width: 100%;
    background: url(../../images/index/time_bg.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.game_time>div div {
    float: left;
    margin-top: -45.5%
}

.game_time ul {
    width: 100%;
    overflow: hidden
}

.game_time ul li {
    padding: 4.25% 0 5.6% 0;
    text-align: center;
    font-size: .75rem;
    color: #8F8F8F;
    width: 33.333%;
    float: left
}

.game_time u {
    position: relative;
    width: 25%;
    height: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.game_time u img {
    display: block;
    margin: 0 auto;
    margin-top: 17%;
    width: 66.5%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.game_time .current img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.game_time .current img {
    width: 100%
}

.game_time .swiper-slide-prev {
    opacity: 0.6;
}


.game_time .swiper-slide img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.game_time .swiper-slide-prev img{
    float: right;
    margin-right:0.4rem;}
.game_time .swiper-slide-active {
    opacity: 1;
}

.game_time .swiper-slide-active img {
    margin-top: 0;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}


.game_time .swiper-slide div{
    margin:0;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 25%;
    color: #fff;
    font-size:0.625rem;}
.game_time .swiper-slide div:nth-of-type(1){
    opacity:0;
    font-size:0.7rem;
    top:60%;}
.game_time .swiper-slide-active div{
    margin:0;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 25%;
    color: #fff;
    font-size:0.625rem;}
.game_time .swiper-slide-active div:nth-of-type(1){
    opacity:1;
    font-size:0.75rem;
    top:60%;
}
.game_time .swiper-slide-next {
    opacity: 0.6;
}
.game_time .swiper-slide-next img{
    float: left;
    margin-left:0.4rem;
}

.game_time div i {
    font-style: normal;
    width: 32%;
    padding-right: 2%;
    display: block;
    -webkit-border-radius: 1.0525rem;
    -moz-border-radius: 1.0525rem;
    border-radius: 1.0525rem;
    line-height: 2.125rem;
    position: absolute;
    text-align: center;
    bottom: 0%;
    font-size: 1.2rem;
    color: #fff
}

.game_time .shang {
    left: 13%;
    background: rgb(255, 0, 0) url("../../images/index/shang@3x.png") no-repeat 73% center;
    -webkit-background-size: 9%;
    background-size: 9%;
}

.game_time .xia {
    right: 13%;
    background: rgb(0, 211, 119) url("../../images/index/xia@3x.png") no-repeat 73% center;
    -webkit-background-size: 9%;
    background-size: 9%
}

.kxt {
    /*height: 19rem;*/
    height: 17.75rem;
    overflow: hidden;
    margin-top: 2px;
    width: 100%
}

.kxt h2 {
    font-size: .875rem;
    margin-left: .5rem
}

.kxt>div {
    width: 95%;
    /*height: 16.75rem;*/
    height: 17.75rem;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 0 auto;
    margin-top: .75rem
}

.kxt_btn ul {
    overflow: hidden;
}

.kxt_btn ul li {
    font-size: .8rem;
    width: 18.667%;
    /*width:23.3%;*/
    text-align: center;
    padding: 2.43% 0;
    margin: 0 .2%;
    float: left;
    background: #292B2A;
    color: #929292;
    height: 39px;
    border-radius: 0.5rem;
    line-height: 25px;
}

.kxt_btn ul li:nth-of-type(1) {
    margin-left: 2.5%
}

.kxt_btn ul li:last-child {
    margin-right: 2.5%
}

/*.kxt_btn ul .current {*/
/*color: #532c00;*/
/*background-image: url("../../images/back_t03.png");*/
/*background-size: cover;*/
/*background-color: transparent;*/
/*border-radius: 0.5rem;*/
/*}*/

.kxt_btn ul .current {
    color: #000;
    /*background: #fce08d;*/
    background: url("../../images/button006.png");
    background-size: 100% 100%;
}

.index_list {
    background: #1E1E1E;
    margin-top: .5625rem;
    width: 100%
}

.index_list ul {
    overflow: hidden
}

.index_list ul li {
    text-align: center;
    color: #E5E5E5;
    height: 3.25rem;
    line-height: 3.25rem;
    float: left;
    /*width: 33.333%;*/
    width: 50%;
    font-size: .8125rem;
    position: relative
}

.index_list ul li .dot {
    width: .3rem;
    height: .3rem;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red;
    top: 20%;
    right: 20%
}

.index_list ul .current {
    color: #fae568;
    border-bottom: 2px solid #fae568;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index_data {
    width: 100%;
    color: #9B999A;
}

.index_data dl {
    line-height: 2rem;
    overflow: hidden;
    border-bottom: 1px solid #404040
}

.index_data dl dt {
    font-size: .75rem;
    text-align: center;
    width: 25%;
    float: left
}

.index_data dl dd {
    font-size: .75rem;
    text-align: center;
    width: 25%;
    float: left
}

.index_data dl dd b {
    text-align: center;
    width: 40%;
    float: left
}

.index_data dl dd span {
    margin-top: 15%;
    height: 4px;
    text-align: center;
    width: 50%;
    float: left;
    position: relative;
    line-height: 2rem
}







.index_data2 {
    width: 100%;
    color: #9B999A;
}

.index_data2 dl {
    line-height: 2rem;
    overflow: hidden;
    border-bottom: 1px solid #404040
}

.index_data2 dl dt {
    font-size: .6rem;
    text-align: center;
    width: 25%;
    float: left
}

.index_data2 dl dd:nth-of-type(1) {
    font-size: .6rem;
    text-align: center;
    width: 15%;
    float: left
}
.index_data2 dl dd:nth-of-type(2) {
    font-size: .6rem;
    text-align: center;
    width: 8%;
    float: left
}

.index_data2 dl dd:nth-of-type(3) {
    font-size: .6rem;
    text-align: center;
    width: 18.5%;
    float: left
}

.index_data2 dl dd:nth-of-type(4) {
    font-size: .6rem;
    text-align: center;
    width: 18.5%;
    float: left
}

.index_data2 dl dd:nth-of-type(5) {
    font-size: .6rem;
    text-align: center;
    width: 15%;
    float: left
}

.index_data2 dl dd {
    font-size: .6rem;
    text-align: center;
    width: 15%;
    float: left
}



.index_data2 dl dd b {
    text-align: center;
    width: 40%;
    float: left
}

.index_data2 dl dd span {
    margin-top: 15%;
    height: 4px;
    text-align: center;
    width: 50%;
    float: left;
    position: relative;
    line-height: 2rem
}
























.chi_c {
    padding: 2.5%;
    width: 89.4%;
    margin: 4% auto 0;
    background: #1F1F1F;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    border-radius: .8rem;
    position: relative
}

.chi_c>div {
    border-bottom: 1px solid #282828
}

.chi_c ol {
    border-bottom: 1px solid #282828
}

.chi_c h2 {
    position: relative;
    overflow: hidden
}

.chi_c h2 span {
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .7%;
    text-align: center;
    font-size: 1.2rem
}

.chi_c_h01 {
    position: absolute;
    bottom: 0;
    left: .3rem;
    width: 10.14%;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem
}

.green_bd {
    border: 1px solid #0D9D6A;
    color: #0D9D6A
}

.red_bd {
    border: 1px solid #B52831;
    color: #B52831
}

.chi_c_h02 {
    position: absolute;
    left: 12%;
    bottom: 0;
    color: #A9A9A9
}

.chi_c .chi_c_h03 {
    float: right
}

.chi_c .chi_c_h03 b {
    font-size: 1.875rem;
    color: #DC3D3A
}

.chi_c p {
    font-size: .65rem;
    padding: 2%
}

.chi_c ol {
    overflow: hidden
}

.chi_c ol li {
    padding: 2% 0;
    float: left;
    width: 25%;
    text-align: center
}

.chi_c ol li p {
    padding: 5%
}

.chi_c>p {
    padding-top: 1rem
}

.chi_c p u {
    float: right;
    text-decoration: none
}

.chi_c ol li p:nth-of-type(2) {
    color: #a9a9a9;
    font-size: .85rem
}

.index_data:last-child ol {
    border: 0
}

.index_data:last-child .chi_c>p {
    padding: .625rem
}

.index_data:last-child p b {
    font-size: 1.5rem
}

.rotate_p {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    background: url(../../images/index/rotate_p.png) no-repeat center
}

#z_money img {
    width: 1.25rem;
    margin-left: .5rem
}

#z_money b {
    color: #FCDC06
}

.login_content1>div div span {
    width: 34%
}

.login_load>div div .get_right {
    float: right
}

.login_load>div div span {
    width: 34.5%
}
.colos {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    background: url(../../images/load/colos.png) no-repeat center;
    -webkit-background-size: 85%;
    background-size: 85%
}

.register_content ul li:nth-of-type(1) {
    width: 100%;
    border: 0
}

.xieyi b {
    float: left;
    display: inline-block;
    margin: .3rem;
    width: .8125rem;
    height: .8125rem;
    background: url(../../images/load/xieyi.png) no-repeat center
}

.xieyi .current {
    background: url(../../images/load/xieyi_in.png) no-repeat center
}

.register_content>div div:nth-of-type(2) span {
    line-height: 2.75rem
}

.register_content {
    height: 27.5rem
}


.banner {
    width: 100%
}

.banner img {
    display: block;
    width: 100%;
    height: auto
}
.buys {
    width: 86.67%;
    min-height: 25.5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    margin: auto;
    background: #282828;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    overflow: hidden
}

.buys h4 {
    text-align: center;
    background: #5E5E5E;
    color: #A1A1A1;
    line-height: 2.5rem;
    font-weight:bold;
    font-size: 1rem;
}

.buys_money {
    width: 94.22%;
    margin: 0 auto;
    margin-top: 2.98%
}

.buys_money>ul {
    overflow: hidden;
    border-bottom: 1px solid #323031
}

.buys_money>ul li {
    float: left;
    background: #323232;
    color: #BEBEBE;
    width: 23.584%;
    line-height: 2.125rem;
    text-align: center;
    font-size: .625rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    margin-bottom: .75rem;
    margin-right:1.8%;
}
.buys_money>ul li:nth-of-type(4n){
    margin-right:0;}

.buys_money>ul .current {
    color: #fff;
    background: #DE5252
}

.coupon {
    width: 94.22%;
    margin: 0 auto;
    overflow: hidden
}

.coupon dt {
    line-height: 2.219rem;
    font-size: .8125rem;
    text-align: left;
    padding-left:1.5%;
}

.coupon dd {
    width: 15.635%;
    background: #323232;
    color: #323232;
    float: left;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    margin: 0 0.5%}

.coupon .current {
    background: #DB403C
}

.coupon .current b {
    color: #fff
}

.coupon .current span {
    color: #fff
}

.coupon dd b {
    font-size: .6875rem;
    line-height: .6875rem;
    margin-bottom: .16rem;
    text-align: center;
    display: block;
    margin-top: .53125rem
}

.coupon dd span {
    margin-bottom: .3625rem;
    font-size: .53125rem;
    text-align: center;
    display: block
}

.buys>form>p {
    text-align: left;
    width: 94.22%;
    margin: 0 auto;
    font-size: .75rem;
    margin-top: .6rem
}

.buys>form>p u {
    margin-left: 2rem;
    color: #CD4F4E
}

.buys>form>p u .yj_money {
    color: #D9423B
}

.buys>form>ul {
    text-align: left;
    width: 94.22%;
    margin: 0 auto;
    margin-top: 6.2%;
    overflow: hidden
}

.buys>form>ul li {
    margin-bottom: 2%;
    width: 50%;
    float: left;
    font-size: .78125rem
}

.buys>form>a {
    display: block;
    width: 92.3%;
    background: #DE5252;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    font-size: .84rem;
    margin: 3% auto 0;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem
}

.guan {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    background: #515151 url(../../images/colos@3x.png) no-repeat center;
    -webkit-background-size: 40%;
    background-size: 40%;
    -webkit-border-radius:0 0.4rem 0 0;
    -moz-border-radius:0 0.4rem 0 0;
    border-radius:0 0.4rem 0 0;
}

.personal_content {
    height: 11.5rem;
    /*background: url(../../images/personal@3x.jpg) no-repeat bottom center;*/
    background: url("../../images/back03.png") center top #0b121e;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: relative
}

.sm_rz {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #F7B044;
    line-height: 1.22rem;
    -webkit-border-radius: .61rem;
    -moz-border-radius: .61rem;
    border-radius: .61rem;
    border: 1px solid #F7B044;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .625rem;
    padding-left: 7%;
    padding-right: 2%;
    background: url(../../images/personal/yes_rz.png) no-repeat .5rem .22rem
}

.sm_rz_not {
    color: #A0A0A0;
    border: 1px solid #A0A0A0;
    background: url(../../images/personal/not_rz.png) no-repeat .5rem .22rem
}

.personal_in {
    width: 100%
}

.personal_in ul {
    overflow: hidden;
    padding-top: 2rem
}

.personal_in ul li {
    float: left;
    width: 33.333%;
}
.backborder1{

    background: url("../../images/personal/icon011.png") 75% 30%;
    background-repeat: no-repeat;
    background-size:68px 35px;
}
.backborder2{

    background: url("../../images/personal/icon011.png") 28% 30%;
    /*background: url("../../images/icon002.png") 28% 30%;*/
    background-repeat: no-repeat;
    background-size:68px 35px;
}

.personal_in ul li>* {
    display: block;
    font-size: .95rem;
    line-height: .75rem;
    /*color: #b20000;*/
    color: #fae568;
}

.personal_in ul li>a {
    padding-top: 1.75rem;
    padding-bottom: 2.815rem
}

.personal_in ul li>span {
    text-align: center
}

.personal_in ul li:nth-of-type(1)>a {
    padding-left: 40%;
    /*background: url(../../images/personal/chongzhi.png) no-repeat 80% 35%;*/
    background: url(../../images/index/index_head/icon003.png) no-repeat 80% 35%;
    -webkit-background-size:20px 20px;
    background-size:20px 20px;

}

.personal_in ul li:nth-of-type(3)>a {
    padding-left: 38%;
    /*background: url(../../images/personal/tikuan.png) no-repeat 20% 35%;*/
    background: url(../../images/index/index_head/icon002.png) no-repeat 20% 35%;

    -webkit-background-size:20px 20px;
    background-size:20px 20px;
}

.personal_in ul li>img {
    width: 4rem;
    height:4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #5D627F;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-bottom: .625rem
}

.personal_in_last {
    width: 100%;
    position: absolute;
    bottom: 0
}

.personal_in_last ol {
    overflow: hidden
}

.personal_in_last ol li {
    float: left;
    width: 33.333%;
    /*background: url(../../images/personal/personal_bg.jpg) no-repeat right center*/
}

.personal_in_last ol li:last-child {
    background: 0 0
}

.personal_in_last ol li>span {
    font-size: .78125rem;
    line-height: .75rem;
    font-weight: 400;
    display: block;
    text-align: center;
    color:hsla(0,0%,100%,.6);
    margin-bottom: .6rem
}

.personal_in_last ol li>b {
    color: #b20000;
    font-size: 0.8825rem;
    display: block;
    text-align: center;
    margin-bottom: .6rem

}

.personal_in_last ol li>u {
    font-size: 0.8825rem;
    /*line-height: .75rem;*/
    font-weight: 400;
    display: block;
    text-align: center;
    color:#fff;
    margin-bottom: .6rem
}

.personal_all {
    background-color: #000000;
}
.border-bottom{
    background-image: url("../../images/personal/boderbottom.png");
    height: 3px;
    width:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.personal_all ul {
    border-top: 1px solid #2B2B2B;
    overflow: scroll;
}

.personal_all ul li {
    border-right: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    color: #B8B8B8;
    font-size: .78125rem;
    text-align: center;
    float: left;
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.personal_all ul li a {
    display: block;
    padding: 4.5rem 0 1.625rem
}

.personal_all ul li:nth-of-type(3n) {
    border-right: 0
}

.personal_all ul li:nth-of-type(1) {
    background: url(../../images/personal/personal_icon01.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(2) {
    background: url(../../images/personal/personal_icon02.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(3) {
    background: url(../../images/personal/personal_icon03.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(4) {
    background: url(../../images/personal/personal_icon04.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(5) {
    background: url(../../images/personal/personal_icon05.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(6) {
    background: url(../../images/personal/personal_icon09.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(7) {
    background: url(../../images/personal/personal_icon07.png) no-repeat center 40%
}

.personal_all ul li:nth-of-type(8) {
    /*background: url(../../images/personal/personal_icon08.png) no-repeat center 40%*/
}

.personal_all ul li:nth-of-type(9) {
    /*background: url(../../images/personal/personal_icon09.png) no-repeat center 40%*/
}

.bank_tx_content h3 {
    line-height: 3.3rem;
    background: #1E1E1E;
    color: #DC403C;
    font-size: .9rem;
    text-align: center
}

.bank_icon {
    text-align: left;
    width: 85.33%;
    color: #fff
}

.bank_icon u {
    float: right;
    margin-right: 5%
}

.sub {
    width: 95.33%;
    display: block;
    line-height: 2.75rem;
    background: #DC403C;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 1.375rem;
    -moz-border-radius: 1.375rem;
    border-radius: 1.375rem;
    margin-top: 2rem;
    color: #DDD;
    font-size: .75rem
}

.rechange_success .y_color {
    color: #FF8500
}

.corps {
    height: auto
}
.corps div{
    overflow: hidden;
    overflow-y: auto;}
.corps p {
    font-size: .75rem;
    line-height: 1.35rem;
    padding: .6875rem;
    text-align: left;
    overflow-y: auto;
}

.corps1_in {
    width: 100%;
    height: 11.5rem;
    background: url(../../images/corps.png) no-repeat top center;
    -webkit-background-size: 100%;
    background-size: 100%;
    overflow: hidden
}

.corps1_in div {
    margin-top: 5.87%;
    float: left;
    width: 50%
}

.corps1_in img {
    float: right;
    width: 76.8%
}

.corps1_in div span {
    display: block;
    height: 2.75rem;
    margin: 18.13% auto 8.5%;
    background: url(../../images/corps/corps@3x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 3.375rem
}

.corps1_in div b {
    display: block;
    text-align: center;
    font-size: .75rem;
    font-weight: 400
}

.corps1_in div p {
    font-size: .75rem;
    text-align: center;
    margin-top: 3%;
    color: #fff
}

.corps_in_center {

}

.corps_in_center ul {
    overflow: hidden
}

.corps_in_center ul li {
    width: 33.33%;
    float: left
}

.corps_in_center ul li div {
    width: 74.1%;
    padding-top: 74.1%;
    margin: 0 auto;
    background: #fae568;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.corps_in_center ul li:nth-of-type(2) div {
    background: #454E53
}

.corps_in_center ul li div p {
    width: 100%;
    position: absolute;
    color: #000;
    line-height: 1.25rem;
    font-size: .78rem;
    text-align: center
}

.corps_in_center ul li div p:nth-of-type(1) {
    margin-top: -70%
}

.corps_in_center ul li div p:nth-of-type(2) {
    margin-top: -48%
}

.corps2_in {
    width: 92.5%;
    margin: 5.5% auto 0
}

.corps2_in ul {
    overflow: hidden;
    background: #313133;
    -webkit-border-radius: .9375rem;
    -moz-border-radius: .9375rem;
    border-radius: .9375rem
}

.corps2_in ul>li {
    color: #000000;
    font-size: .8rem;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 1.875rem
}

.corps2_in ul .current {
    background: #fae568
}

.corps2_in ol {
    margin-top: 8.8%;
    overflow: hidden
}

.corps2_in ol li {
    font-size: .8rem;
    float: left;
    width: 50%;
    text-align: center
}

.corps2_in ol li p {
    color: #fff;
    line-height: 1.5rem
}

.corps2_in dl {
    overflow: hidden;
    border-bottom: 1px solid #4A4A4A
}

.corps2_in dl dt {
    width: 25%;
    float: left;
    font-size: .8rem;
    text-align: center;
    line-height: 3.125rem
}

.corps2_in dl dd {
    width: 25%;
    float: left;
    font-size: .8rem;
    text-align: center;
    line-height: 3.125rem
}

.coupon {
    width: 92.8%;
    margin: 3.33% auto
}

.coupon li {
    width: 100%;
    height: 5.875rem
}

.coupon {
    background: url(../../images/coupon/coupon_daijin_bg@2x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%
}

.coupon ul li {
    overflow: hidden
}

.coupon  {
    background: url(../../images/coupon/coupon_zengyi_bg@3x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%
}

.coupon ul li {
    margin-bottom: 2.5%
}

.use li {
    position: relative
}

.use i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.4) url(../../images/coupon/use@2x.png) no-repeat 99% center;
    -webkit-background-size: 25%;
    background-size: 25%
}

.invalid li {
    position: relative
}

.invalid i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.4) url(../../images/coupon/invalid@2x.png) no-repeat 99% center;
    -webkit-background-size: 25%;
    background-size: 25%
}

.rechange_transition {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #313333;
    padding-bottom: 5%
}

.rechange_transition img {
    width: 60%;
    display: block;
    margin: 12.13% auto
}

.rechange_transition p {
    color: #E95548;
    line-height: 1.5rem;
    font-size: .8125rem
}

.rechange_transition p u {
    color: #E95548;
    font-size: 1.125rem
}

.buys2 {
    height: 22.5rem;
    min-height: 22.5rem
}

.buys2 u {
    width: 35%;
    padding-top:35%;
    background: url(../../images/buy_no@2x.png) no-repeat center;
    display: block;
    margin: 18% auto 0;
    -webkit-background-size: 100%;
    background-size: 100%
}

.buys2>p {
    text-align: center;
    font-size: .875rem;
    line-height: 1.75rem;
    width: 84.6%;
    margin: 5% auto 2%
}

.buys2>div {
    width: 92.3%;
    margin: 8% auto 0
}

.buys2>div>p {
    color: #BFBFBF;
    font-size: .72rem;
    margin: 2% 0
}

.buys2>div>p span {
    color: #F0565E;
    font-size: .72rem
}

.buys2>div ul {
    margin: 5% 0;
    overflow: hidden
}

.buys2>div li {
    line-height: 1.31rem;
    width: 50%;
    float: left;
    color: #BFBFBF;
    font-size: .72rem
}

.buys2>div li span {
    color: #F0565E
}

.buys2>div a {
    display: block;
    width: 100%;
    font-size: .95rem;
    text-align: center;
    line-height: 2.5rem;
    background: #E35C58;
    color: #fff;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    margin: 5% auto 0
}

.buys2>div li .sheng {
    color: #B52831;
    display: inline-block;
    padding-right: 10%;
    background: url(../../images/index/shang.png) no-repeat 97% center
}

.buys2>div li .xia {
    color: #0DA26A;
    display: inline-block;
    padding-right: 10%;
    background: url(../../images/index/xia.png) no-repeat 97% center
}

.anomaly u {
    background: url(../../images/anomaly@2x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin-top: 10%
}

.buys2 b {
    display: block;
    width: 100%;
    font-size: .75rem;
    text-align: center;
    font-weight: 400
}

.buys2 ._result_p {
    font-size: 1.25rem
}

.profit {
    position: absolute;
    width: 100%;
    height: 48%;
    background: url(../../images/profit@2x.png) no-repeat bottom center;
    -webkit-background-size: 100%;
    background-size: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
.profit_not{
    height: 69%;
    background: url(../../images/profit_not.png) no-repeat bottom center;
    -webkit-background-size: 100%;
    background-size: 100%;}

.profit dl {

    margin: 0 auto;
    margin-top: 40%
}
.profit_not dl{
    margin-top:18%;}

.profit dd{
    width: 53.33%;
    margin:0 auto;
    text-align: center;}

.profit dt {
    font-size: 1.7rem;
    color: #fff;
    text-align: center;
    margin-bottom: 8%
}
.profit_not dt{
    color: #CE420F;}
.profit dd {
    font-size: .75rem;
    color: #B5B0AC;
    line-height: 1.25rem
}
.profit_not dd{
    color: #E35C58;}
.profit a {
    width: 53.33%;
    margin: 0 auto;
    color: #fff;
    font-size: .8125rem;
    text-align: center;
    display: block;
    line-height: 2.625rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -26.67%
}
.profit .fanhui{
    color: #FACC76;
    font-size: 0.95rem;
    line-height: 3.9rem;}

.not_win_colos {
    width: 1.875rem;
    height: 1.875rem;
    background: url(../../images/welfare/colos@2x.png) no-repeat center;
    position: absolute;
    right: 10%;
    top: 0;
    -webkit-background-size: 100%;
    background-size: 100%
}
.phone_orz {
    background: url(../../images/personal_information/phone@2x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%
}

.password_orz {
    background: url(../../images/personal_information/password@2x.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%
}

#mask ol {
    position: absolute;
    width: 79.5%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #2C2C2C;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
    height: 6rem
}

#mask ol li {
    padding-left: 5%;
    line-height: 3rem
}

#mask ol .current {
    background: url(../../images/personal_information/yes.png) no-repeat 90% center;
    -webkit-background-size: 7%;
    background-size: 7%
}

#mask dl {
    position: absolute;
    width: 79.5%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #2C2C2C;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
    height: 6rem
}

#mask dt {
    font-size: 1.2rem;
    padding-left: 5%;
    line-height: 3rem
}

#mask dd {
    padding-left: 5%;
    line-height: 3rem
}

#mask {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 666;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none
}

#mask>* {
    display: none
}

.game_time_f {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30%;
    left: 40%;
    text-align: center
}


.hold {
    width: 10.5rem;
    height: 10.5rem;
    position: absolute;
    z-index: 1
}

.bg {
    width: 10.5rem;
    height: 10.5rem;
    border-radius: 50%;
    position: absolute;
    background-color: #d13c36
}

.time {
    width: 9.5rem;
    height: 9.5rem;
    margin: .5rem 0 0 .5rem;
    background-color: #e45534;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 160px;
    font-size: 30px
}

.record {
    margin-top: 1rem;
    background: #1F1F1F
}

.record dt {
    overflow: hidden
}

.record dt span {
    display: block;
    width: 33%;
    float: left;
    border-bottom: 1px solid #282828;
    color: #C4C4C4;
    font-size: .78rem;
    line-height: 2.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center!important;
}

.record dt span:nth-of-type(1) {
    padding-left: 3.7%
}

.record dt span:nth-of-type(2) {
    text-align: right;
    padding-right: 3.7%
}

.record dd {
    border-bottom: 1px solid #282828;
    padding-top: 4.8%;
    padding-bottom: 3.2%
}

.record dd:last-child {
    font-size: .75rem;
    text-align: center;
    border: 0
}

.record dd p {
    padding: 0 3.7%;
    overflow: hidden
}

.record dd span {
    display: block;
    float: left
}

.record dd span:nth-of-type(1) {
    text-align: left;
    font-size: .7rem;
    color: #989898;
    width: 70%
}

.record dd span:nth-of-type(2) {
    font-size: .95rem;
    text-align: right;
    width: 30%
}

.messages div>span {
    text-align: center;
    display: block;
    width: 23.5%;
    margin: 3% auto;
    line-height: 1.125rem;
    font-size: .625rem;
    color: #999;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background: #3D3D3D
}

.messages div>a {
    padding: 0 3%;
    width: 92.4%;
    display: block;
    margin: 0 auto;
    background: #2D2D2D;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.messages div>a h3 {
    padding-top: 4.33%;
    line-height: 1rem;
    font-size: 1rem;
    color: #fff
}

.messages div>a h4 {
    line-height: 1.5rem;
    font-size: .875rem;
    color: #fff;
    padding-bottom: 3%
}

.messages div>a p {
    font-size: .625rem;
    color: #999;
    line-height: 1.8rem
}

.messages div>a img {
    display: block;
    margin: 0 auto;
    width: 100%
}

#list_1 {
    overflow: hidden;
    overflow-y: auto
}

#list_7 {
    overflow: hidden;
    overflow-y: auto
}

#show {
    width: 100%;
    position: fixed;
    top: 50%
}

#show span {
    display: block;
    text-align: center;
    color: #fcdc06;
    font-size: 3.5rem;
    font-family: mun_01_01
}

@font-face {
    font-family:mun_01_01;src:url(../otf/lcdmb.ttf)
}
@keyframes animate_span {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    70% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    80% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    90% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

/* 新手引导页面样式 */
#maskIn1{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: none;
    z-index:501;}
#maskIn2{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: none;
    z-index:501;}
#maskIn3{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: none;
    z-index:501;}
#maskIn4{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: none;
    z-index:501;}
#maskIn5{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    background: none;
    z-index:501;}
.mask_guan{
    display: block;
    position: absolute;
    right:5%;
    top:2%;
    color: #777777;
    font-size:0.875rem;}
.mask_first{
    width:88%;
    margin:0 auto;
    position: relative;
    border:1px dashed #828282;
    -webkit-border-radius:1rem;
    -moz-border-radius:1rem;
    border-radius:1rem;
    margin-top:35%;
    padding:5% 0;}
.mask_first *{
    margin:0;
    text-align: center;}
.mask_first h1{
    margin-bottom:2%;
    font-size:1.375rem;
    color: #fff;}
.mask_first p{
    font-size:1rem;
    line-height:1.5rem;
    color: #A8A8A8;}
.mask_hand{
    width: 7.1%;
    padding:13.8%;
    position: absolute;
    left:0;
    top:-10%;
    background: url("../../images/novice/head.png") no-repeat center;
    -webkit-background-size:50%;
    background-size:50%;}
.pic_novice1{
    display: block;
    margin:8% auto 0;
    width:31.2%;}
#maskIn1>p{
    width:76.7%;
    margin:0 auto;
    text-align: center;
    color: #FBDA30;
    font-size:0.875rem;
    line-height:1.75rem;}
.mask_next{
    position: relative;
    width:33.33%;
    display: block;
    padding-top:10.8%;
    border:0;
    margin:0 auto;
    background: url("../../images/novice/next.png") no-repeat center;
    -webkit-background-size:100%;
    background-size:100%;}
.mask_next span{
    color: #fff;
    position: absolute;
    top:15%;
    left:0;
    width:100%;
    display: block;
    text-align: center;
    font-size:0.875rem;
    line-height:1.75rem;}
.mask_second{
    margin-top:10%;}
.slide_o{
    margin-top:35%;
    position: relative;}
.slide_o li{
    position: absolute;}
.slide_o li:nth-of-type(1){
    left:10%;
    top:0;
    width:21.73%;
    padding-top:9.3%;
    background: url("../../images/novice/left.png") no-repeat center;
    -webkit-background-size:100%;
    background-size:100%;}
.slide_o li:nth-of-type(3){
    right:10%;
    top:0;
    width:21.73%;
    padding-top:9.3%;
    background: url("../../images/novice/right.png") no-repeat center;
    -webkit-background-size:100%;
    background-size:100%;}
.slide_o .mask_hand{
    position: static;
    margin:0 auto;}
.pic_novice2{
    margin:0 auto;
    margin-top:-8%;}
.mask_true{
    background: url("../../images/novice/true.png") no-repeat center;
    -webkit-background-size:100%;
    background-size:100%;}
.mask_true span{
    color: #A8A8A8;}
.mask_third{
    margin-top:65%;}
.pic_novice3{
    margin-top:15%;}
.pic_novice4{
    position: absolute;
    right: 3% ;
    bottom:7%;}
.mask_fourth{
    overflow: hidden;
    margin:10% auto 5%;}
.mask_fourth h1{
    float: left;
    margin-left:5%;
    line-height:3rem;
    margin-bottom:0;}
.mask_fourth p{
    float: right;
    margin-right:5%;}

#novice{
    font-size:0.7125rem;
    display: block;
    width:0.85rem;
    height: 0.85rem;
    line-height:0.85rem;
    text-align: center;
    position: absolute;
    right:1%;
    top:0.3%;
    color: #333;
    background: #999;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}

/* exchange页面 */
.exchange{
    overflow: hidden;}
.exchange b{
    display: block;
    padding:14% 0;
    width:45.8%;
    margin:10% auto;
    background: url("../../images/exchange/exchange_qiandao.jpg") no-repeat center;
    -webkit-background-size:100%;
    background-size:100%;}
.exchange b span{
    color: #AA2800;
    margin-left:25.5%;
    font-size:1.125rem;}
.exchange b .yes{
    margin-left:30%;
    color: #fff;}
.exchange div{
    width:57.33%;
    height:2.2rem;
    background: #FFC300;
    margin:0 auto;
    -webkit-border-radius:1.1rem;
    -moz-border-radius:1.1rem;
    border-radius:1.1rem;
    -webkit-box-shadow: 2px 4px 0 #F8153B;
    -moz-box-shadow:  2px 4px 0 #F8153B;
    box-shadow:  2px 4px 0 #F8153B;}
.exchange div u{
    display: block;
    color: #FF1E3E;
    font-size:0.8125rem;
    text-align: center;
    -webkit-border-radius:1rem;
    -moz-border-radius:1rem;
    border-radius:1rem;
    line-height:2rem;
    background: #FFF500;}
.exchange p{
    text-align: center;
    color: #FFF500;
    font-size:0.75rem;
    line-height:0.75rem;
    margin-top:5%;}

.true li div{
    border-right:1px dashed #FD3255;}
.true li div i{
    color: #FD3255;}
.true li div b{
    color: #FD3255;}
.explain{
    margin-top:7.73%;
    background: #FFEDF1;
    overflow: hidden;
    position: relative;}
.explain img{
    display: block;
    float: left;
    width:40%;
    margin:5%;}
.explain div{
    width:40%;
    padding:5% 5% 0;
    float: left;}
.explain div h6{
    font-size:1.35rem;
    color: #373938;
    margin-bottom:5%;}
.explain div p{
    font-size:0.78rem;
    line-height:1.2rem;
    color: #FD3255;}





/* help页面 */
.help ul{
    width:91.5%;
    margin:0 auto;}
.help ul>li{
    -webkit-border-radius:0.6rem;
    -moz-border-radius:0.6rem;
    border-radius:0.6rem;
    overflow: hidden;
    margin-top:5%;}
.help ul .help01{
    background: #252525 url("../../images/help/help_01.jpg") no-repeat 8% center;
    -webkit-background-size:35%;
    background-size:35%;}
.help ul .help02{
    background: #252525 url("../../images/help/help_02.jpg") no-repeat 8% center;
    -webkit-background-size:35%;
    background-size:35%;}
.help ul .help03{
    background: #252525 url("../../images/help/help_03.jpg") no-repeat 8% center;
    -webkit-background-size:35%;
    background-size:35%;}
.help ul li div{
    margin:12% 0;
    width:55%;
    float: right;}
.help ul li h6{
    margin-bottom:5.5%;
    font-size:1.125rem;
    color: #fff;
    text-align: left;}
.help ul li p{
    text-align: left;
    color: #868688;
    font-size:0.8125rem;}
.help ul li a{
    overflow: hidden;
    display: block;
    width:100%;
    height:100%;}
.help ol{
    width:91.5%;
    margin:0 auto;
    margin-top:5%;
    background: #252525;
    padding:4% 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:0.6rem;
    -moz-border-radius:0.6rem;
    border-radius:0.6rem;}
.help ol li{
    margin-bottom:3%;
    position: relative;
    overflow: hidden;}
.help ol div{
    float: left;
    width:9.5%;
    position: relative;
    background: #494949;
    padding-top:2.31rem;
    -webkit-border-radius:0.2rem;
    -moz-border-radius:0.2rem;
    border-radius:0.2rem;
    z-index:9;}
.help ol div span{
    height: 2px;
    display: block;
    position: absolute;
    left:50%;
    margin-left:-21%;
    top:50%;
    margin-top:-1px;
    width:42%;
    background: #ABABAB;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s ;
    -ms-transition: all 0.5s ;
    -o-transition: all 0.5s ;
    transition: all 0.5s ;}
.help ol .current div{
    padding-top:3rem;
    background: #BF0604;}
.help ol .current span:nth-of-type(1){
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
.help ol li span:nth-of-type(1){
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.help ol dl{
    width:85%;
    border-bottom:1px solid #313131;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.help ol dt{
    color: #ABABAB;
    line-height:2.31rem;
    font-size:0.8125rem;}
.help ol dd{
    color: #606060;
    line-height:2.31rem;
    font-size:0.8125rem;}
.help ol dd img{
    width:100%;
    display: block;
    margin:2% auto;}





@keyframes pound {
    from { transform: none; }
    50% { transform: scale(1.4); }to { transform: none; }}
#_result .heart {display: inline-block;color: #ff0000;animation: pound 1s infinite;transform-origin: center;}

@media screen and (max-width: 320px){
    .buys2>div{
        margin:13% auto 0;}
    .anomaly u{
        margin-top:12%;}
    .profit_not dl{
        margin-top:12%;}
    .profit dt{
        font-size:1.5rem;}
    .profit a{
        line-height:2.9rem;}
    .profit dt{
        margin-bottom:2%;}
    .profit .jixu{
        line-height:2.4rem;}
    .profit dl{
        margin-top:25%;}
}
@media screen and (min-width:321px) and (max-width:375px){
    .buys2>div{
        margin:13% auto 0;}
    .anomaly u{
        margin-top:12%;}
    .mask_fourth h1{
        float: left;
        margin-left:3%;
        line-height:3rem;
        margin-bottom:0;}
    .mask_fourth p{
        float: right;
        margin-right:3%;}
    .profit dl{
        margin-top:30%;}
}
@media screen and (min-width:376px) and (max-width:414px){
    .detailed div:nth-of-type(1){
        padding-top:53%;}
}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
/*html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*/
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{margin:.67em 0;font-size:2em;text-align: center}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:400}
u{text-decoration:none}
dfn{font-style:italic}
hr{box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-size:1em;font-family:monospace,serif}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
legend{padding:0;border:0}
button,input,select,textarea{margin:0;font-size:100%;font-family:inherit}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;vertical-align:top}
table{width:100%;border-collapse:collapse;border-spacing:0}
body,html{margin:0;padding:0;font-size:100%}
*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
body{
    height: 100%;
    color:#d5d6e2;font-weight:500;font-size:1.05em;font-family:Microsoft YaHei,Segoe UI,Lucida Grande,Helvetica,Arial,sans-serif
}
a{outline:0;color:hsla(0,0%,100%,.6);-webkit-transition:.2s;transition:.2s}
a,a:focus,a:hover{text-decoration:none}
a:focus,a:hover{color:#74777b}
.htmleaf-container{margin:0 auto}
.welfare_content{background-color:#ff433a;background-image:url(../../images/welfare/welfare_bg.jpg),url(../../images/welfare/welfare_b_bg@2x.jpg);background-position:top center,bottom center;background-repeat:no-repeat,no-repeat}
.welfare_content_in{margin:0 auto;width:92.4%}
.htmleaf-header{padding:1em 190px;text-align:center;letter-spacing:-1px}
.htmleaf-header h1{margin-bottom:0;margin-bottom:15px;color:#fff596;text-shadow:1px 1px 1px #e54b17;font-weight:600;font-size:2em;line-height:1}
.htmleaf-header h1 span{display:block;padding:.8em 0 .5em;color:#fff596;font-weight:400;font-size:60%}
.welfare_content{padding-top:32.5%}
.htmleaf-container{width:90.8%}
#lottery{margin:0 auto;margin-top:8%;width:91.23%}
#lottery table tr:nth-of-type(2) td:nth-of-type(2){
    position: relative;background:url(../../images/welfare/start.jpg) no-repeat center;background-size:100%;-webkit-background-size:100%}
#lottery table td{position:relative;padding:6% 0;width:33.333%;border-radius:.5rem;background:url(../../images/welfare/choujiang_bg.jpg) no-repeat center;background-size:100%;color:#67625f;text-align:center;-webkit-background-size:100%}
#lottery table td a{
    position: absolute;
    top:0;display:block;width:100%;height:100%;text-decoration:none}
#lottery table td.active .mask{display:block}
.mask{position:absolute;top:0;left:0;display:none;width:100%;height:100%;border-radius:.6rem;background-color:rgba(255,0,0,.7)}
.welfare_fl{padding:0 6.5%;width:100%;background:#fedc78}
.welfare_fl dt{color:#da433a;text-align:center;line-height:2.5rem}
.welfare_fl dd{color:#0d070b;font-size:.75rem;line-height:1.25rem}
#lottery table .zenyi{color:#244d6b}
#lottery table .daijin{color:#9e884e}
#lottery table .zenyi span{color:#244d6b}
#lottery table .daijin span{color:#9e884e}
#lottery table .zenyi u{color:#244d6b}
#lottery table .daijin u{color:#9e884e}
#lottery table td span{font-size:1.5rem}
#lottery table td u{font-size:.72rem}
#lottery table td:nth-of-type(8){color:#000;font-size:2rem}
@media screen and(max-width: 350px) {
    #lottery table td{padding:3% 0;}
}
.personal_in_last{
    color: #000;
}
